<template>
  <div>
        <el-table ref="mytable" v-on="$listeners" v-bind="$attrs" :data="listdata"
        >
          <el-table-column :prop="item.prop" :label="item.label" v-for="item in columns">
            <slot v-if="item.key=='action'" name="action"></slot>
          </el-table-column>
          
        </el-table>
  </div>
</template>
  <!-- 
  组件封装思路
    1.设计哪些父传子  
    2.设计哪些子传父
    3.继承原组件的所有属性和事件 
       v-bind="$attrs" 获取 除props之外的所有属性
       v-on="$listeners" 继承所有的组件事件 

    4.设计哪些插槽方便自定义

  -->
    
<script>

export default {
  name: 'commonTabel',
  props:{
    columns:{ //表头的数据  {label:"",prop:""}
      type:Array,
      default:()=>[]
    },
    listdata:{ //表格的数据
        type:Array,
      default:()=>[]
    }
  },
  data() {
    return {
      
    };
  },

  mounted() {
      console.log(this.$attrs,'-除props之外的所有属性')

  },

  methods: {
    
  },
};
</script>